<div class="panel-container" style="">
    <row class="app-layoutpanel" style="height:100%;">
                <i-col v-show="detailsModel.container1.visible"  :xs="{ span: 8, offset: 0 }" :sm="{ span: 8, offset: 0 }" :md="{ span: 8, offset: 0 }" :lg="{ span: 8, offset: 0 }" style="" class="app-layoutpanel-container">
            <row style="height:100%;">
                        <i-col v-show="detailsModel.container2.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-container team-fontsize">
                    <row style="height:100%;">
                                
                        <i-col v-show="detailsModel.account.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-field">
                            <icon-codelist :value="data.account" 
                        	tag="UserRealName" 
                        	codelistType="DYNAMIC" 
                         renderMode="STR"
                         valueSeparator=","
                         textSeparator=",">
                        </icon-codelist>
                        
                        </i-col>
                                
                        <i-col v-show="detailsModel.role.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-field">
                            <div class="item-field">
                            
                            <div class="item-field-content">
                            
                        <app-span :value="data.role" name="role" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
                        > </app-span> 
                        
                            </div>
                        </div>
                        
                        
                        </i-col>
                                
                        <i-col v-show="detailsModel.rawitem5.visible"  :md="{ span: 24, offset: 0 }" style="color:rgba(203, 195, 195, 1)" class="app-layoutpanel-rowitem team-wszrole">
                            <app-rawitem
                            :viewparams="viewparams" 
                            :context="context"
                            contentStyle="team-wszrole"
                            sizeStyle=""
                            contentType="RAW"
                            :htmlContent='``'
                        >
                                未设置角色
                        </app-rawitem>
                        
                        
                        </i-col>
                    </row>
                </i-col>
                        <i-col v-show="detailsModel.container4.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-container">
                    <row style="height:100%;">
                                
                        <i-col v-show="detailsModel.rawitem4.visible"  :md="{ span: 24, offset: 0 }" :lg="{ span: 5, offset: 0 }" style="" class="app-layoutpanel-rowitem">
                            <app-rawitem
                            :viewparams="viewparams" 
                            :context="context"
                            contentStyle=""
                            sizeStyle=""
                            contentType="RAW"
                            :htmlContent='``'
                        >
                                加盟日
                        </app-rawitem>
                        
                        
                        </i-col>
                                
                        <i-col v-show="detailsModel.join.visible"  :xs="{ span: 9, offset: 0 }" :sm="{ span: 9, offset: 0 }" :md="{ span: 9, offset: 0 }" :lg="{ span: 9, offset: 0 }" style="" class="app-layoutpanel-field">
                            <div class="item-field">
                            
                            <div class="item-field-content">
                            
                        <app-span :value="data.join" name="join" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
                        > </app-span> 
                        
                            </div>
                        </div>
                        
                        
                        </i-col>
                                
                        <i-col v-show="detailsModel.rawitem6.visible"  :md="{ span: 24, offset: 0 }" :lg="{ span: 4, offset: 0 }" style="" class="app-layoutpanel-rowitem">
                            <app-rawitem
                            :viewparams="viewparams" 
                            :context="context"
                            contentStyle=""
                            sizeStyle=""
                            contentType="RAW"
                            :htmlContent='``'
                        >
                                可用工日
                        </app-rawitem>
                        
                        
                        </i-col>
                                
                        <i-col v-show="detailsModel.days.visible"  :md="{ span: 24, offset: 0 }" :lg="{ span: 6, offset: 0 }" style="" class="app-layoutpanel-field">
                            <div class="item-field">
                            
                            <div class="item-field-content">
                            
                        <app-span :value="data.days" name="days" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
                        > </app-span> 
                        
                            </div>
                        </div>
                        
                        
                        </i-col>
                    </row>
                </i-col>
                        <i-col v-show="detailsModel.container5.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-container">
                    <row style="height:100%;">
                                
                        <i-col v-show="detailsModel.rawitem7.visible"  :md="{ span: 24, offset: 0 }" :lg="{ span: 5, offset: 0 }" style="" class="app-layoutpanel-rowitem">
                            <app-rawitem
                            :viewparams="viewparams" 
                            :context="context"
                            contentStyle=""
                            sizeStyle=""
                            contentType="RAW"
                            :htmlContent='``'
                        >
                                可用工时/天
                        </app-rawitem>
                        
                        
                        </i-col>
                                
                        <i-col v-show="detailsModel.hours.visible"  :xs="{ span: 9, offset: 0 }" :sm="{ span: 9, offset: 0 }" :md="{ span: 9, offset: 0 }" :lg="{ span: 9, offset: 0 }" style="" class="app-layoutpanel-field">
                            <div class="item-field">
                            
                            <div class="item-field-content">
                            
                        <app-span :value="data.hours" name="hours" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
                        > </app-span> 
                        
                            </div>
                        </div>
                        
                        
                        </i-col>
                                
                        <i-col v-show="detailsModel.rawitem8.visible"  :md="{ span: 24, offset: 0 }" :lg="{ span: 4, offset: 0 }" style="" class="app-layoutpanel-rowitem">
                            <app-rawitem
                            :viewparams="viewparams" 
                            :context="context"
                            contentStyle=""
                            sizeStyle=""
                            contentType="RAW"
                            :htmlContent='``'
                        >
                                总计
                        </app-rawitem>
                        
                        
                        </i-col>
                                
                        <i-col v-show="detailsModel.total.visible"  :xs="{ span: 6, offset: 0 }" :sm="{ span: 6, offset: 0 }" :md="{ span: 6, offset: 0 }" :lg="{ span: 6, offset: 0 }" style="" class="app-layoutpanel-field">
                            <div class="item-field">
                            
                            <div class="item-field-content">
                            
                        <app-span :value="data.total" name="total" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
                        > </app-span> 
                        
                            </div>
                        </div>
                        
                        
                        </i-col>
                    </row>
                </i-col>
                        
                <i-col v-show="detailsModel.rawitem1.visible"  :xs="{ span: 2, offset: 0 }" :sm="{ span: 3, offset: 0 }" :md="{ span: 3, offset: 0 }" :lg="{ span: 3, offset: 0 }" style="" class="app-layoutpanel-rowitem">
                    <app-rawitem
                    :viewparams="viewparams" 
                    :context="context"
                    contentStyle=""
                    sizeStyle=""
                    contentType="RAW"
                    :htmlContent='``'
                >
                        消耗
                </app-rawitem>
                
                
                </i-col>
                        
                <i-col v-show="detailsModel.consumed.visible"  :xs="{ span: 5, offset: 0 }" :sm="{ span: 5, offset: 0 }" :md="{ span: 5, offset: 0 }" :lg="{ span: 5, offset: 0 }" style="" class="app-layoutpanel-field">
                    <div class="item-field">
                    
                    <div class="item-field-content">
                    
                <app-span :value="data.consumed" name="consumed" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
                > </app-span> 
                
                    </div>
                </div>
                
                
                </i-col>
                        
                <i-col v-show="detailsModel.rawitem2.visible"  :xs="{ span: 3, offset: 0 }" :sm="{ span: 3, offset: 0 }" :md="{ span: 3, offset: 0 }" :lg="{ span: 3, offset: 0 }" style="" class="app-layoutpanel-rowitem">
                    <app-rawitem
                    :viewparams="viewparams" 
                    :context="context"
                    contentStyle=""
                    sizeStyle=""
                    contentType="RAW"
                    :htmlContent='``'
                >
                        剩余
                </app-rawitem>
                
                
                </i-col>
                        
                <i-col v-show="detailsModel.left.visible"  :xs="{ span: 5, offset: 0 }" :sm="{ span: 5, offset: 0 }" :md="{ span: 5, offset: 0 }" :lg="{ span: 5, offset: 0 }" style="" class="app-layoutpanel-field">
                    <div class="item-field">
                    
                    <div class="item-field-content">
                    
                <app-span :value="data.left" name="left" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
                > </app-span> 
                
                    </div>
                </div>
                
                
                </i-col>
                        
                <i-col v-show="detailsModel.rawitem3.visible"  :xs="{ span: 3, offset: 0 }" :sm="{ span: 3, offset: 0 }" :md="{ span: 3, offset: 0 }" :lg="{ span: 3, offset: 0 }" style="" class="app-layoutpanel-rowitem">
                    <app-rawitem
                    :viewparams="viewparams" 
                    :context="context"
                    contentStyle=""
                    sizeStyle=""
                    contentType="RAW"
                    :htmlContent='``'
                >
                        预计
                </app-rawitem>
                
                
                </i-col>
                        
                <i-col v-show="detailsModel.estimate.visible"  :xs="{ span: 5, offset: 0 }" :sm="{ span: 5, offset: 0 }" :md="{ span: 5, offset: 0 }" :lg="{ span: 5, offset: 0 }" style="" class="app-layoutpanel-field">
                    <div class="item-field">
                    
                    <div class="item-field-content">
                    
                <app-span :value="data.estimate" name="estimate" :data="data" :context="context" :viewparams="viewparams" :localContext ='{ }'  :localParam ='{ }'    style=""
                > </app-span> 
                
                    </div>
                </div>
                
                
                </i-col>
                        <i-col v-show="detailsModel.container3.visible"  :md="{ span: 24, offset: 0 }" style="" class="app-layoutpanel-container">
                    <row style="height:100%;">
                                
                        <i-col v-show="detailsModel.button1.visible"  :md="{ span: 24, offset: 0 }" :lg="{ span: 2, offset: 21 }" style="" class="app-layoutpanel-button">
                            <i-button :disabled="detailsModel.button1.disabled" type="primary" long @click="uiAction(null, 'RemoveMember', $event)" >
                            <i class="fa fa-unlink"></i>
                        </i-button>
                        
                        
                        </i-col>
                    </row>
                </i-col>
                    </row>
        </i-col>
    </row>
</div>
